<template>
  <div class="paybox">
    <slot name="pay-title">
      <div class="pay-title">订单信息</div>
    </slot>
    <div class="pad-middle">
      <slot name="order-item"></slot>
    </div>
    <div class="pay-foot">
      <div class="pay-line">
        <div class="pay-fl"></div>
        <div class="pay-rl"></div>
      </div>
      <div class="foot-info">
        <div class="date" v-if="proInfo.date">{{proInfo.date | formatDate('yyyy-MM-dd hh:mm:ss')}}</div>
        <div class="foot-bottom">
          <div class="foot-count">共计 {{proInfo.count}} 件</div>
          <div>合计 &yen;{{proInfo.total}}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import "../assets/less/paybox.less";
export default {
  name: "payBox",
  props: {
    proInfo: {
      type: Object,
      default() {
        return {
          count: 0,
          total: 0,
          date: "",
        };
      },
    },
  },
};
</script>

<style lang="less" scoped>
</style>